{% extends 'base.html' %}

{% block title %}Submit Complaint{% endblock %}

{% block content %}
<h4 class="mb-3 text-center">📢 Submit Your Complaint</h4>

{% for message in messages %}
<div class="alert alert-success text-center">{{ message }}</div>
{% endfor %}

<form method="post">
    {% csrf_token %}
    <input class="form-control mb-3" name="name" placeholder="Your Name" required>
    <input class="form-control mb-3" name="email" placeholder="Your Email" required>
    <input class="form-control mb-3" name="subject" placeholder="Complaint Subject" required>
    <textarea class="form-control mb-4" name="message" placeholder="Write your complaint..." rows="4" required></textarea>

    <button class="btn btn-custom w-100">Submit Complaint</button>
</form>
{% endblock %}